<template>
  <template v-if="user">
    <van-cell title="昵称" is-link :value="user.username"
              @click="toEdit('username', '昵称', user.username)"/>
    <van-cell title="账号" :value="user.userAccount"/>
    <van-cell title="性别" is-link :value="user.gender" @click="toEdit('gender', '性别', user.gender)"/>
    <van-cell title="电话" is-link to="/user/edit" :value="user.phone" @click="toEdit('phone', '电话', user.phone)"/>
    <van-cell title="邮箱" is-link to="/user/edit" :value="user.email" @click="toEdit('email', '邮箱', user.email)"/>
    <van-cell title="星球编号" :value="user.planetCode"/>
  </template>
</template>

<script setup lang="ts">
import {useRouter} from "vue-router";
import {ref} from "vue";

const user = ref({
  id: 1,
  username: '鱼皮',
  userAccount: 'dogYupi',
  gender: '男',
  phone: '123112312',
  email: '12345@qq.com',
  planetCode: '1234',
})

// const user = ref();

// onMounted(async () => {
//   user.value = await getCurrentUser();
// })

const router = useRouter();

const toEdit = (editKey: string, editName: string, currentValue: string) => {
  router.push({
    path: '/user/edit',
    query: {
      editKey,
      editName,
      currentValue,
    }
  })
}
</script>

<!--router.push({
path: '/userpageedit',
query: {//使用const route = useRoute();进行接受，不能使用props
usernamestr,name,username
}
})-->
<style scoped>

</style>
